
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/layout/templateAdministrador.xhtml">
	<ui:define name="body">
		<p:tabView>
			<p:tab title="Mantenimiento de Grupo de Trabajo">
				<h:form id="form">
					<div style="height: 29px;" align="right">
						<p:commandButton ajax="false" title="Crear Nuevo Grupo de Trabajo"
							value="Nuevo" action="#{manAreaBM.registrarSubUnidadOrganica}"
							style="width: 70px; height: 29px;" />
					</div>
					<br />

					<p:dataTable id="subUnidOrg" value="#{manAreaBM.listaSubAreas}"
						var="d" styleClass="scrollerTable" paginator="true"
						emptyMessage="No se encuentran Grupos de Trabajo registrados"
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
							{PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rowsPerPageTemplate="5,10,15" rows="#{manAreaBM.numlistaSubAreas}">
						<f:facet name="header">  
          				  Lista de Grupos de Trabajo  
        				</f:facet>
						<p:column id="numDoc" filterBy="#{d.codSubArea}"
							sortBy="#{d.codSubArea}">
							<f:facet name="header">
								<h:outputText value="Código de Grupo de Trabajo" />
							</f:facet>
							<div align="center">
								<h:outputText value="#{d.codSubArea}" />
							</div>
						</p:column>
						<p:column id="nombre_area" filterBy="#{d.descripcion}"
							sortBy="#{d.descripcion}">
							<f:facet name="header">
								<h:outputLabel value="Nombre del Grupo de Trabajo" />
							</f:facet>
							<h:outputText value="#{d.descripcion}" />
						</p:column>
						<p:column id="fecha_Documento" filterBy="#{d.fechaRegistro}"
							sortBy="#{d.fechaRegistro}">
							<div align="center">
								<f:facet name="header">
									<h:outputText value="Fecha de Registro" />
								</f:facet>
								<h:outputText value="#{d.fechaRegistro}" />
							</div>

						</p:column>
						<p:column style="width:100px" headerText="Opciones">
							<div align="center">
								<p:commandButton title="Modificar"
									action="#{manAreaBM.buscarSubAreaDetalle}" ajax="false"
									style="background: url('images/botton/modificar.png') no-repeat;
												background-position: center bottom; width: 28px; 
												height: 28px; border:0">
									<f:param name="codSubArea" value="#{d.idArea}" id="codSubArea" />
								</p:commandButton>
								<p:spacer width="10"/>
								<p:commandButton title="Eliminar"
									actionListener="#{manAreaBM.capturarCodSubArea}"
									onclick="varDeleteSubArea.show()"
									style="background: url('images/botton/eliminar.png') no-repeat;
												background-position: center bottom; width: 28px; 
												height: 28px; border:0px;">
									<f:param name="codSubAreaE" value="#{d.idArea}"
										id="codSubAreaE" />
								</p:commandButton>
							</div>
						</p:column>
						<f:facet name="footer">
							<h:outputText
								value="Cantidad de grupos Registrados: #{manAreaBM.cantlistaSubAreas}" />
						</f:facet>
					</p:dataTable>
					<br />
				</h:form>
			</p:tab>


		</p:tabView>


	</ui:define>
</ui:composition>

